<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>地平线生活服务</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <link rel="stylesheet" href="/static/style/ydui.css"/>
    <script src="/static/js/ydui.flexible.js"></script>
	<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js" type="text/javascript" charset="utf-8"></script>
	<script>
		wx.config(
			{$wxConfig}
		);
		wx.ready(function(){
			wx.hideOptionMenu();
		})
	</script>
</head>
<style>
    .user-header{display: flex; flex-direction: row;justify-items: center;background-color: #FF5E53;}
	.user-header .header{display: flex;flex-direction: row;flex:1;padding:0.12rem;}
	.user-header .header .avatar{width:1.10rem;height:1.10rem;border-radius: 0.5rem;display: flex;}
	.user-header .header .avatar img{width:100%;height: 100%;}
	.user-header .header .con{display: flex;flex-direction: column;justify-items: center;color:#fff;flex: 1;font-size: 0.30rem;line-height: 0.50rem;padding:0.05rem;}
	.user-header .right{display:flex;width:0.5rem;align-items: center;color:#fff;font-weight: 400;    font-size: 0.4rem;}
	.trade{margin:0.12rem 0.5rem ;background-color: #fff;}
	.trade .grids-item{padding:0.16rem 0;}
	.trade .grids-item .grids-txt{color:#333;font-weight: 400;}
	.trade .grids-item .grids-txt.active{color:#FF5E53;font-size: 0.42rem;margin-bottom: 0.1rem;}
</style>
<body>
<section class="g-flexview">
    <div class="g-scrollview">
		<div class="user-header">
			<div class="header">
				<div class="avatar">
					<img src="{$user.avatar}">
				</div>
				<div class="con">
					<div class="tit">{$user.nickname}</div>
					<div class="phone">
						{$user.mobile}
					</div>
				</div>
			</div>
			<div class="right"> > </div>
		</div>
		
		<div class="trade">
			<div class="m-grids-2">
				<a class="grids-item" href="javascript:;">
					<div class="grids-txt active">¥{$account.balance}</div>
					<div class="grids-txt">余额</div>
				</a>
				
				<a class="grids-item" href="javascript:;">
					<div class="grids-txt active">¥{$account.extra_amount}</div>
					<div class="grids-txt">赠送额</div>
				</a>
			</div>
		</div>
		<div class="m-cell">
			<a href="{:url('trade/index')}" class="cell-item">
				<div class="cell-left">我要充值</div>
				<div class="cell-right cell-arrow"></div>
			</a>
			<a href="{:url('account/recharge')}" class="cell-item">
				<div class="cell-left">充值记录</div>
				<div class="cell-right cell-arrow"></div>
			</a>
			<a href="{:url('account/expense')}" class="cell-item">
				<div class="cell-left">消费记录</div>
				<div class="cell-right cell-arrow"></div>
			</a>
			<a href="{:url('index/index')}" class="cell-item">
				<div class="cell-left">联系客服</div>
				<div class="cell-right cell-arrow"></div>
			</a>
			<a href="{:url('article/category')}" class="cell-item">
				<div class="cell-left">关于我们</div>
				<div class="cell-right cell-arrow"></div>
			</a>
		</div>
        <footer class="m-tabbar tabbar-fixed">
        	<a href="{:url('index/index')}" class="tabbar-item">
        		<span class="tabbar-icon">
        			<i class="icon-home"></i>
        		</span>
        		<span class="tabbar-txt">首页</span>
        	</a>
        	<a href="{:url('index/address')}" class="tabbar-item">
        		<span class="tabbar-icon">
        			<i class="demo-icons-discover"></i>
        		</span>
        		<span class="tabbar-txt">附近</span>
        	</a>
        	<a href="{:url('account/index')}" class="tabbar-item tabbar-active">
        		<span class="tabbar-icon">
        			<i class="icon-ucenter"></i>
        		</span>
        		<span class="tabbar-txt">我的</span>
        	</a>			
        </footer>
    </div>
</section>
<script src="/static/js/jquery.js"></script>
<script src="/static/js/ydui.js"></script>
</body>
</html>